<template>
    <div class="operateMain">
        <basic-container>
            <div class="wrap" v-loading="loading" element-loading-text="数据加载中...">
							<dataList
								placeholder="请输入物业或工程名称查询"
								:pageInfo="pager"
								:listData="tableData"
								:selectData="selectDataArr"
								searchName="keyword"
								:menuList="['add','delete','export']"
								@menu-click="handleMenuClick"
							>
								<el-table :data="tableData" align="center" ref="multipleTable" @selection-change="$event => (selectDataArr = $event)">
									<el-table-column type="selection" align="center" width="55"/>
									<el-table-column label="物业名称" header-align="center"  width="180" prop="propertyName"/>
									<el-table-column label="工程名称" header-align="center" width="180" prop="engineeringName"/>
									<el-table-column label="单位名称" align="center"  width="140" prop="payObject"/>
									<el-table-column label="单位类型" align="center" prop="payObjectType" width="120">
										<template slot-scope="scope"> {{getCompanyName(scope.row.payObjectType)}}</template>
									</el-table-column>
									<el-table-column label="付款方式" align="center" width="90" prop="paymentWay"/>
									<el-table-column label="付款次数" align="center" width="90" prop="payNumber"/>
									<el-table-column label="付款金额" align="center" width="90" prop="payAmount"/>
									<el-table-column label="付款日期" align="center" width="140" prop="payDate"/>
									<el-table-column label="操作"  align="center" width="120" className="operaColumn">
										<template slot-scope="scope">
											<el-button
												type="text"
												:style="{'--color':'#666666'}"
												size="mini"
												@click="handleBtnClick('preview',scope.row)">
												查看
											</el-button>
											<el-button
												type="text"
												:style="{'--color':'#409EFF'}"
												size="mini"
												@click="handleBtnClick('edit',scope.row)">
												编辑
											</el-button>
											<el-button
												type="text"
												:style="{'--color':'#E6A23C'}"
												size="mini"
												@click="handleBtnClick('delete',scope.row)">
												删除
											</el-button>
										</template>
									</el-table-column>
								</el-table>
							</dataList>
            </div>
            <!-- 新增|编辑|查看 单位 -->
            <departmentDialog ref="editDialog"/>
            <!-- 上传组件功能细节待确定 -->
        </basic-container>
    </div>
</template>

<script src='./index.js'></script>

<style lang="scss" scoped>

@import "src/views/wy-operate/css/operate.scss";
.operateMain{
    /deep/ .top-buttons{
        float: right;
        width: 50%;
    }
    /deep/ .v-search{
        width: 50%;
        justify-content: flex-start;
    }
    /deep/ .operaColumn .el-button{
        color: var(--color);
    }
}
</style>
